<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/jd.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
	<header class="mui-bar mui-bar-nav bgheader">
	    <a class="mui-action-back mui-pull-left" id="geren">
	    	<img src="images/111.jpg"/>
	    </a>
	    <script type="text/javascript">
	    	document.getElementById('geren').addEventListener('tap',function(){
			console.log("aaa")
			mui.openWindow({
				url:'geren.html',
				id:'geren'
			})
		})
	    </script>
	    <h1 class="mui-title">
	    	<div class="mui-input-row mui-search">
			    <input type="search" class="mui-input-clear" placeholder="搜你想搜的">
			</div>
	    </h1>
	    <a class="mui-action-back mui-pull-right mui-icon mui-icon-camera" id="fabu">
	    	<p>发布</p>
	    </a>
	</header>
	<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html">
							推荐
						</a>
						<a class="mui-control-item" href="#item2mobile" data-wid="tab-top-subpage-2.html">
							热点
						</a>
						<a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html">
							北京
						</a>
						<a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html">
							社会
						</a>
						<a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html">
							娱乐
						</a>
					</div>
					<span class="mui-icon mui-icon-bars mui-pull-right"></span>
				</div>
			</div>
	</div>

	<script src="js/webviewGroup.js" type="text/javascript" charset="utf-8"></script>
		<script>
			mui.init();
			mui.plusReady(function() {
				var group = new webviewGroup("viewgroup", {
					items: [{
						id: "tab-top-subpage-1.html",
						url: "index1.html",
						extras: {}
					}, {
						id: "tab-top-subpage-2.html",
						url: "index2.html",
						extras: {}
					}, {
						id: "tab-top-subpage-3.html",
						url: "index3.html",
						extras: {}
					}, {
						id: "tab-top-subpage-4.html",
						url: "index4.html",
						extras: {}
					}, {
						id: "tab-top-subpage-5.html",
						url: "index5.html",
						extras: {}
					}, {
						id: "tab-top-subpage-6.html",
						url: "index6.html",
						extras: {}
					}
					],
					onChange: function(obj) {
						var c = document.querySelector(".mui-control-item.mui-active");
						if(c) {
							c.classList.remove("mui-active");
						}
						document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")").classList.add("mui-active");
					}
				});
				mui(".mui-scroll").on("tap", ".mui-control-item", function(e) {
					var wid = this.getAttribute("data-wid");
					group.switchTab(wid);
				});

			});
			mui.back = function() {
				var _self = plus.webview.currentWebview();
				_self.close("auto");
			}
		</script>

</body>
</html>